<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>爱觅优-技术文章详细页</title>
<link href="css/common.css" rel="stylesheet" type="text/css" />
<link href="css/slider.css" rel="stylesheet" type="text/css" />
<!--[if lt IE 9]><script src="js/html5.js"></script><![endif]-->
<script src="js/jquery-1.7.2.min.js" charset="utf-8"></script>
<script src="js/common.js" charset="utf-8"></script>
<script type='text/javascript' src='js/slider.js'></script>
</head>

<body>
<div class="chl-poster simple" id="header">
		<div id="site-nav">
            <ul class="site-nav-login">
            <li class="home"><a href="login.html">请登录</a></li>
            <li class="home"><a href="#">免费注册</a></li>
            </ul>
            <ul class="quick-menu">
                  <li class="myxiaba menu-item">
                      <div class="menu">
                          <a class="menu-hd" href="#" target=_top rel="nofollow">会员中心<b></b></a> 
                          <div class="menu-bd">
                              <div class="menu-bd-panel">
                                  <div>
                                      <a href="#" rel="nofollow">我的消息</a>
                                      <a href="#"  rel="nofollow">我的评论</a> 
                                      <a href="#"  rel="nofollow">我的收藏</a> 
                                  </div>
                              </div>
                              
                          </div>
                      </div>
                  </li>
                  <li class="favorite"><a href="help.html" rel="nofollow">帮助中心</a></li>
                  
                  <li class="services menu-item last">
                      <div class="menu">
                          <a class=menu-hd href="#" target=_top>网站导航<b></b></a> 
                          <div class="menu-bd" style="width: 1098px; height: 250px; _width: 202px">
                              <div class="menu-bd-panel">
                                  <dl>
                                    <dt><a href="#" style="color: #000;">网页特效</a>
                                    <dd>
                                            <a href="#">焦点图</a> 
                                            <a href="#">图片代码</a> 
                                            <a href="#">幻灯片代码</a>
                                            <a href="#">按钮特效</a>
                                            <a href="#">数字时间</a> 
                                            <a href="#">表单特效</a>
                                            <a href="#">状态栏代码</a>
                                            <a href="#">窗口特效</a>
                                            <a href="#">鼠标特效</a>
                                    </dd>
                                </dl>
                                <dl>
                                    <dt><a href="#" style="color: #000;">网页模板</a>
                                    <dd>
                                            <a href="#">企业宣传</a> 
                                            <a href="#">婚纱摄影</a> 
                                            <a href="#">政府机构</a>
                                            <a href="#">电子商务</a>
                                            <a href="#">行业门户</a> 
                                            <a href="#">房地产类</a>
                                            <a href="#">响应式开发</a>
                                            <a href="#">HTML5</a>
                                    </dd>
                                </dl>
								<dl>
                                    <dt><a href="#" style="color: #000;">网页元素</a>
                                    <dd>
                                            <a href="#">背景素材</a> 
                                            <a href="#">广告海报</a> 
                                            <a href="#">图标素材</a>
                                            <a href="#">按钮素材</a>
                                            <a href="#">元素整合</a> 
                                            <a href="#">Flash素材</a>
                                    </dd>
                                </dl>
                                <dl>
                                    <dt><a href="#" style="color: #000;">成品网站</a>
                                    <dd>
                                            <a href="#">企业宣传</a> 
                                            <a href="#">婚纱摄影</a> 
                                            <a href="#">政府机构</a>
                                            <a href="#">电子商务</a>
                                            <a href="#">行业门户</a> 
                                            <a href="#">房地产类</a>
                                            <a href="#">响应式开发</a>
                                            <a href="#">HTML5</a>
                                    </dd>
                                </dl>
                                <div class="seft-web">
                                	<h1 class="seft">自助建站</h1>
                                    <a href="demand.html" class="step"><strong>一步到位</strong></a>
                                </div>
                              </div>
                            
                          </div>
                      </div>
                  </li>
                </ul>	
		</div>
	</div>
<div id="J_Wrap" class="wrap">
	<div class="logo-inside">
	<div class="logo">
    	<a href="index.html" class="logo-bd"></a>
    </div>
    <div class="header-search-box">
            <form method="get" target="_self" action="#">
                <div id="J_sort" class="header-search-sort">
                    <a href="javascript:;" class="on" target="_self" title="全部" data-type="" hidefocus="true" onclick="return false;">全部</a>
                    <a href="javascript:;" target="_self" title="特效" data-type="0" hidefocus="true" onclick="return false;">特效</a>
                    <a href="javascript:;" target="_self" title="模板" data-type="1" hidefocus="true" onclick="return false;">模板</a>
                    <a href="javascript:;" target="_self" title="元素" data-type="2" hidefocus="true" onclick="return false;">元素</a>
                    <a href="javascript:;" target="_self" title="文章" data-type="3" hidefocus="true" onclick="return false;">文章</a>
                    <a href="javascript:;" target="_self" title="教程" data-type="4" hidefocus="true" onclick="return false;">教程</a>
                    <a href="javascript:;" target="_self" title="问答" data-type="5" hidefocus="true" onclick="return false;">问答</a>
                </div>
                <div class="relative header-search clearfix">
                    <input type="text" autocomplete="off" name="q" maxlength="50" class="relative header-search-text J-search-txt">
                    <input type="submit" value="搜 索" class="fl header-search-submit">
                    
                    
                <input type="hidden" value="" name="sort">
                <input type="hidden" name="from" value="1">
                </div>
            </form>
            <div class="header-search-keywords">热门搜索：
                            <a hidefocus="true" title="开学" href="http://soso.nipic.com/?q=开学">开学</a>
                            <a hidefocus="true" title="月饼" href="http://soso.nipic.com/?q=月饼">月饼</a>
                            <a hidefocus="true" title="暑假" href="http://soso.nipic.com/?q=暑假">暑假</a>
                            <a hidefocus="true" title="礼盒" href="http://soso.nipic.com/?q=礼盒">礼盒</a>
                            <a hidefocus="true" title="中秋" href="http://soso.nipic.com/?q=中秋">中秋</a>

            </div>
        </div>
	</div>
    
    <div class="nav">
    	<ul>
        <li><a href="index.html" class="main_a">网站首页</a></li>
        <li><a href="specia.html" class="main_a">网页特效</a></li>
        <li><a href="templates.html" class="main_a">网页模板</a></li>
        <li><a href="element.html" class="main_a">网页元素</a></li>
        <li><a href="supermarket.html" class="main_a">自助超市</a></li>
        </ul>
    	<div class="sub_nav">
        	<a href="#" class="sub_a" >设计师导航</a>
            <a href="#" class="sub_a" >前端神器</a>
            <a href="#" class="sub_a" >图书推荐</a>
            <a href="#" class="sub_a" >下载排行</a>
        </div>
    </div>
    <div class="main-4">
    	<div class="place">当前位置：<a href="index.html">首页</a> &gt; <a href="forum.html">技术文章</a> &gt; 点击空白处能关闭的下拉菜单jQuery</div>
      <div class="submenu">
      
           <div class="all"><span>全部分类：</span>
           <a href="#">前端资讯</a><a href="#">HTML5/CSS3</a><a href="#">JavaScript</a><a href="#">jQuery</a>
           </div>
             
      </div>
	</div>
    <div class="main-2">
    	
            <div class="inbox-a">
        <h1 class="ph"><a href="#" class="collection">收藏本文</a>点击空白处能关闭的下拉菜单jQuery</h1> 
        <!---->
        <div class="rd_main vw">
        	
            <ul id="article_info" class="cl">
                <li>
                	<a href="space-uid-5419269.html">pukuai0637</a>
                    <span>发布于 2014-7-29 13:31</span>
                </li>
                <li>查看数: 442</li>
<li>评论数: 3</li>
                <li><a href="thread-5600556-1-1.html" class="xg1">帖子模式</a></li>
            </ul>
            <div class="pcb">
            毕业三年，之前从事技术支持、售后工作，后因为女朋友来到了现在的城市，目前做的是.net开发，由于是国企，所以很清闲。想着有充分的时间可以自学一些东西。本人对.net并不是很感冒，正好对JS比较感兴趣，在我这个城市，目前从事前端的应该不多，希望通过自己的努力，可以有自己的一技之长。加油~往后希望论坛里的各位朋友、大神多多指点！
            
            </div>
            <div class="ptg mbm mtn">
<a title="学习" href="misc.php?mod=tag&amp;id=866" target="_blank">学习</a>, <a title="前端" href="misc.php?mod=tag&amp;id=147" target="_blank">前端</a>, <a title="新手" href="misc.php?mod=tag&amp;id=3756" target="_blank">新手</a></div>  
            <div class="bm vw pl" id="comment">
                <div class="bm_h cl">
                    <h2>最新评论</h2>
                </div>
                <div class="recListS borderTop">
                <ul>
                    
                    <li>
                         <div class="layout recListLeft f14">
                            <a href="http://sou.52miui.com" target="_blank" class="fLeft">
                            <img src="images/nopic.gif" width="48" height="48" alt="月球上的大菠萝">
                        </a>
                             <div class="recDes">
                                <div class="vm bold c999">
                                    <p class="rightFloor"><span class="cf90">21F</span></p>
                                    <a href="http://sou.52miui.com" target="_blank" class="c4095ce">月球上的大菠萝</a>
                                  <span>10分钟前：</span>
                                </div>
                               <p class="recBox">大神可不可以抽时间讲下插画的构图，丰富而且不乱</p>
                               <div class="toMyCom">
                                    <div class="toMyComTop"></div>
                                    <div class="mblContent">
                                        <a href="http://sou.52miui.com" target="_blank" class="c4095ce">killube</a>说：<br>
                                        弄成闭合线再填充白色呗，线与线叠加不是问题的，只要大小或者透明度一样！
                                    </div>
                                   </div>
                                
                               <div class="mblFunc mt10 f12 downWh">
                                <a class="popAlert" href="javascript:void(0)" onclick="feedBackWindow(2953453,5)">
                                    <img src="http://static.zcool.com.cn/v1.0.8/images/info.png"><span>举报</span>
                                </a>            
                                     
                                    
                                <a href="javascript:void(0)" class="c009cff" onclick="editCommentadd(this,2953453,3,1249252)" hidefocus="">回复</a>|
                                <a href="javascript:void(0)" class="c009cff" onclick="submitZantong(2953453,$(this))" zan="true">赞同</a><span>(1)</span>
                               </div>
                             </div>
                         </div>
                     </li>
                     
                    
                     
                    <li>
                         <div class="layout recListLeft f14">
                            <a href="http://sou.52miui.com" target="_blank" class="fLeft">
                            <img src="images/nopic.gif" width="48" height="48" alt="无敌蘇掌柜">
                        </a>
                             <div class="recDes">
                                <div class="vm bold c999">
                                    <p class="rightFloor"><span class="cf90">19F</span></p>
                                    <a href="http://sou.52miui.com" target="_blank" class="c4095ce">无敌蘇掌柜</a>
                          
                                    <span>35分钟前：</span>
                                </div>
                               <p class="recBox">想请问下 常用的功能有哪些 我只有常用的路径偏移 其它不知道了 望大神解答！</p>
                          
                               <div class="mblFunc mt10 f12 downWh">
                                <a class="popAlert" href="javascript:void(0)" onclick="feedBackWindow(2953285,5)">
                                    <img src="http://static.zcool.com.cn/v1.0.8/images/info.png"><span>举报</span>
                                </a>            
                                     
                                    
                                <a href="javascript:void(0)" class="c009cff" onclick="editCommentadd(this,2953285,3,1249252)" hidefocus="">回复</a>|
                                <a href="javascript:void(0)" class="c009cff" onclick="submitZantong(2953285,$(this))" zan="false">赞同</a><span>(0)</span>
                               </div>
                             </div>
                         </div>
                     </li>
                     
                    <li>
                         <div class="layout recListLeft f14">
                            <a href="http://sou.52miui.com" target="_blank" class="fLeft">
                            <img src="images/nopic.gif" width="48" height="48" alt="张小波">
                        </a>
                             <div class="recDes">
                                <div class="vm bold c999">
                                    <p class="rightFloor"><span class="cf90">18F</span></p>
                                    <a href="http://sou.52miui.com" target="_blank" class="c4095ce">张小波</a>
        
        <a href="http://sou.52miui.com" target="_blank" title="推荐设计师"><img src="images/nopic.gif" width="16" height="16" alt="推荐设计师"></a>
                                    <span>42分钟前：</span>
                                </div>
                               <p class="recBox">你同学经常在我面前提到你！ 好棒！！！</p>
                               
                               <div class="mblFunc mt10 f12 downWh">
                                <a class="popAlert" href="javascript:void(0)" onclick="feedBackWindow(2953237,5)">
                                    <img src="http://static.zcool.com.cn/v1.0.8/images/info.png"><span>举报</span>
                                </a>            
                                     
                                    
                                <a href="javascript:void(0)" class="c009cff" onclick="editCommentadd(this,2953237,3,1249252)" hidefocus="">回复</a>|
                                <a href="javascript:void(0)" class="c009cff" onclick="submitZantong(2953237,$(this))" zan="false">赞同</a><span>(0)</span>
                               </div>
                             </div>
                         </div>
                     </li>
                     
                     
                 </ul>
     			 </div>
               <div class="ui-page">
              <div class="ui-page-wrap">   
               <b class="ui-page-num">
               <b class="ui-page-prev">&lt;&lt;上一页</b>
               <b class="ui-page-cur">1</b>
                   <a href="#" atpanel="2,,,,,20,footer,">2</a>
                   <a href="#" atpanel="2,,,,,20,footer,">3</a>
                   <b class="ui-page-break">...</b>
                   <a class="ui-page-next" href="#" >下一页&gt;&gt;</a>
               </b>
               <b class="ui-page-skip">
              <form name="filterPageForm" method="get">
              <input type="hidden" name="type" value="pc">
              <input type="hidden" name="search_condition" value="71">
              <input type="hidden" name="totalPage" value="100">
              <input type="hidden" name="cat" value="50100128">
              <input type="hidden" name="sort" value="s"><input type="hidden" name="style" value="g">   <input type="hidden" name="from" value="sn_1_cat"><input type="hidden" name="active" value="1">    共100页，到第<input type="text" name="jumpto" class="ui-page-skipTo" size="3" value="1">页
              <button type="submit" class="ui-btn-s" atpanel="2,pageton,,,,20,footer,">确定</button>
              </form>
              </b>
              </div>
              </div>
    
            </div>
        </div>
         <!----> 
      </div>
      <div class="inbox-b">
        <h1 class="submenu"><strong class="title">推荐文章</strong><span></h1>
        <div class="list-box sideBar-b" id="list-box">
    			<a href="#" class="pic">
                <img src="upload/18.jpg"/>
                </a>
                <p class="title"><a href="#" class="">有道搜索特效</a></p>
                <ul class="text-list">
                  <li><a href="#">javascript显示年月日时间代码</a></li>
                  <li><a href="#">仿邮箱密码色条随输入长度变化</a></li>
                  <li><a href="#">CSS布局：自适应高度的CSS布局</a></li>
                  <li><a href="#">CSS简单重叠线效果</a></li>
                  <li><a href="#">仿Windows垂直调整代码</a></li>
                  <li><a href="#">CSS布局：自适应高度的CSS布局</a></li>
              </ul>
          </div>
      </div>
      <div class="inbox-b">
        <h1 class="submenu"><strong class="title">推荐教程</strong><span></h1>
        <div class="list-box sideBar-b" id="list-box">
    			<a href="#" class="pic">
                <img src="upload/18.jpg"/>
                </a>
                <p class="title"><a href="#" class="">有道搜索特效</a></p>
                <ul class="text-list">
                  <li><a href="#">javascript显示年月日时间代码</a></li>
                  <li><a href="#">仿邮箱密码色条随输入长度变化</a></li>
                  <li><a href="#">CSS布局：自适应高度的CSS布局</a></li>
                  <li><a href="#">CSS简单重叠线效果</a></li>
                  <li><a href="#">仿Windows垂直调整代码</a></li>
                  <li><a href="#">CSS布局：自适应高度的CSS布局</a></li>
              </ul>
          </div>
      </div>
      
   	</div>
    
        <!---->
    <div class="footer">
    	<div class="foot">
        	<p class="foot-menu">
            <i class="about">关于</i>
            <i class="help">帮助</i>
            <i class="collect">收藏</i>
            <i class="attention">关注</i>
            </p>
            <ul class="about">
            <li><a href="#">关于我们</a></li>
            <li><a href="#">联系我们</a></li>
            <li><a href="#">广告服务</a></li>
            <li><a href="#">版权声明</a></li>
            </ul>           
            <ul class="help">
            <li><a href="#">常见问题</a></li>
            <li><a href="#">充值相关</a></li>
            <li><a href="#">友情链接</a></li>
            <li><a href="#">在线留言</a></li>
            </ul>
            <div class="branding">
            </div>
            <ul class="collect">
            <li><a href="#">加入收藏</a></li>
            <li><a href="#">设为首页</a></li>
            <li><a href="#">放到桌面</a></li>
            </ul>
            <ul class="attention">
            <li><a href="#">新浪微博</a></li>
            <li><a href="#">qq空间</a></li>
            <li><a href="#">腾讯微博</a></li>
            </ul>
    	</div>
        <div class="friendlink">
        友情链接：<a href="#">懒人图库</a>|<a href="#">懒人图库</a>|<a href="#">破落落</a>
        </div>
        <div class="copyright">
        © 2013 Aliyun.com 版权所有 ICP证：浙B2-20080101
        
        </div>
    </div>
</div>
</body>
</html>
